<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script>
     window.onload=function(){
$("#mycarousel").carousel() 
     }
 </script>
</head>
<body>
    <!--头部菜单-->
    <nav class="navbar navbar-default" id="header">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#example">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1>大黑盒</h1>
        </div>
           <div class="navbar-collapse collapse pull-right" id="example" >
               <ul class="nav navbar-nav">
                <li class="link"><a href="index.html">首页</a></li>
                <li class="link"><a href="about.html" >创始人</a></a></li>
                <li class="link"><a href="hotnews.html">热门游戏</a></li>
                <li class="link"><a href="login.html">会员</a></li>
                <li class="link"><a href="login.html">登陆</a></li>
               </ul>
           </div>
    </div>

    </nav>





    <!--轮播图-->
    <div class="carousel slide" id="mycarousel">
        <ol class="carousel-indicators">
            <li class="active" data-slide-to="0" data-target="#mycarousel"></li>
            <li  data-slide-to="1" data-target="#mycarousel"></li>
            <li data-slide-to="2" data-target="#mycarousel"></li>
            <li data-slide-to="3" data-target="#mycarousel"></li>
        </ol>
        <div class="carousel-inner"> 
            <div class="active item">
               <img src="img/jieju.png">
                  <h3 class="carousel-caption">标题一</h3>
            </div>
            <div class="item">
                <img src="img/wushi.webp">
                   <h3 class="carousel-caption">标题二</h3>
             </div>
             <div class="item">
                <img src="img/zhandiwu2.webp">
                   <h3 class="carousel-caption">标题三</h3>
             </div>
             <div class="item">
                <img src="img/zhilang1.webp">
                   <h3 class="carousel-caption">标题四</h3>
             </div>
        </div>
    </div>
  
</div>



<div class="content">
<div class="item">
    <h2>热门游戏</h2>
      <div class="row" id="news">
          <div class="col-md-6">
              <img src="img/yizhong2.jpg" class="img-responsive">
              <div class="test">
                  <h4>《彩虹六号：异种》（Rainbow Six: Quarantine）是由育碧开发的第一人称射击游戏作品。 [1-2]  将于 2022 年 1 月 20 日正式在全球发售，推出跨平台战友通行证系统、跨平台存档以及跨平台游戏进度，并将登陆 Xbox Series X / S、Xbox One、PS5、PS4、Stadia 以及 PC 平台。</h4>
                  <p class="clearfix"><span class="pul-left">售价：198RMB</span><span class="font pull-right">8.9分</span></p>
              </div>
            </div>
              <div class="col-md-6">
                <div class="row">
                    <div class="col-sm-6">
                <img src="img/yizhong3.jpg" class="img-responsive">
                <div class="test">
                    <h4>《彩虹六号：异种》（Rainbow Six: Quarantine）是由育碧开发的第一人称射击游戏作品。 [1-2]  将于 2022 年 1 月 20 日正式在全球发售，推出跨平台战友通行证系统、跨平台存档以及跨平台游戏进度，并将登陆 Xbox Series X / S、Xbox One、PS5、PS4、Stadia 以及 PC 平台。</h4>
                    <p class="clearfix"><span class="pul-left">售价：198RMB</span><span class="font pull-right">8.9分</span></p>
                </div>
            </div>
                <div class="col-sm-6">
                    <img src="img/yizhong4.jpg" class="img-responsive">
                    <div class="test">
                        <h4>《彩虹六号：异种》（Rainbow Six: Quarantine）是由育碧开发的第一人称射击游戏作品。 [1-2]  将于 2022 年 1 月 20 日正式在全球发售，推出跨平台战友通行证系统、跨平台存档以及跨平台游戏进度，并将登陆 Xbox Series X / S、Xbox One、PS5、PS4、Stadia 以及 PC 平台。</h4>
                        <p class="clearfix"><span class="pul-left">售价：198RMB钟</span><span class="font pull-right">8.9分</span></p>
                    </div>
                </div>
                
          </div>

      </div>
</div>
</div>   
</div>  

    <div class="item">
<h2>推荐游戏</h2>
<div class="media">
      <div class="media-body">
         <h4>消失的光芒2：人与仁之战</h4>
         <p>庞大的开放世界：置身于被黑暗时代所吞噬的都市。探索城市的上下高低，并发现不同的道路与隐藏的通道。 [2] 
            极富创意而残暴的战斗：利用自己的跑酷技术来在残暴的战斗中取得优势。精妙的策略、陷阱与创意武器会帮上你的大忙。 [2] 
            日夜更替：等待夜幕降临来进入感染者的黑暗巢穴。阳光能够驱退它们，但是一旦太阳下山，怪物们将倾巢而出。 [2] 
            选择与后果：用你的行为塑造城市的未来，并亲眼见证其变化过程。在逐渐加剧的纷争之中做出决定来影响权力的平衡并打造你自己的体验。 [2] 
            多人合作：在最多可四名玩家组队的通关战役模式主建自己的游戏或加入他人的游戏，看看他们的选择和你的有什么不同。</p>
     </div>
      <div class="me-right">
          <img src="img/xiaoguang.jpg" class="img-thurmbnail">
      </div> 
</div>
<div class="media">
    <div class="media-body">
       <h4>只狼：影逝二度</h4>
       <p>《只狼：影逝二度(Sekiro：Shadows Die Twice)》是一款由From Software制作的第三人称视角的动作冒险RPG类游戏，玩家将操控一位忍者，拯救他的主人——拥有日本贵族血统的大能的皇子，并向他的天敌复仇。该游戏已于2019年3月22日全球同步上市，并支持中文版。 [1] 
        游戏剧情将探索生死冲突不断的16世纪后期，残酷的日本战国时代。在黑暗、扭曲的世界，玩家与威胁生命的敌人对峙，活用义手装备各种致命武器，大显忍者身手，在血腥对抗中潜行、上下穿梭，与敌人正面激烈交锋。
        2019年12月13日，《只狼：影逝二度》获得TGA 2019最佳年度游戏 [2]  。</p>
    </div>
    <div class="meida-right">
        <img src="img/zhilang2.jpg" class="img-thurmbnail">
    </div>
</div>
<div class="media">
    <div class="media-body">
       <h4>彩虹六号：异种</h4>
       <p>《彩虹六号：异种》算是一款中规中矩的IP衍生作品，有多元化的玩法内容但同样也有一些难以忽视的问题，不过客观来看作为R6宇宙的第一部衍生作品，R6E的试水效果还是比较成功的。 [5]  （游侠网 评）
        不管放在怎样的市场环境中，《彩虹六号：异种》都不像是个能够复制“围攻”成功的作品。游戏做出来了，并且为了弥补玩法上的不足，对整体机制进行了大量重新设计。不过，显然他们做得还不够多。 [6]  （3DM 评）
        《彩虹六号：异种》放弃了多人竞技，选择了主打PVE模式，使得游戏与R6S的核心玩法截然不同。像真正的在执行某项任务那般，需要慎之又慎，时刻屏住呼吸。开路、暗杀、清障，处理威胁……当习惯它的节奏后，看着危机那四伏的区域化险为夷时，玩家感受到异种所带来的独有乐趣。 [7]  （17173 评）
        《彩虹六号：异种》是一个难度与压力都比较高的合作射击游戏，有着丰富的任务设计与略显深度的战术要素，开黑游玩的体验还算不错。然而MIA丢失干员的设定，与漫长的“研究”解锁之路，都在延长玩家的升级进度，这导致中后期的游戏流程显得有些繁琐和重复。</p>
    </div>
    <div class="meida-right">
        <img src="img/yizhong5.jpg" class="img-thurmbnail">
    </div>
</div>
<div class="media">
    <div class="media-body">
       <h4>双人成行</h4>
       <p>正如在游戏中携手并进的玩家一样，细腻的家庭温情和嬉笑怒骂的喜剧桥段相得益彰，两种情感共同将整个《双人成行》的故事形成了一个完美的闭环。硬实力方面，在虚幻4引擎的加持下，无论是环境建模，还是光影特效，《双人成行》中所展现的奇幻世界都足以用“美不胜收”来形容。而诸如长镜头、慢镜头等电影拍摄手法的运用也使得本作的过场演出颇具电影质感，值得玩家反复回味，感受每个镜头中蕴藏的情感 [8]  。（游民星空网评）2021年12月10日，TGA 2021 获奖名单公布，《双人成行》获评最佳年度游戏，最佳多人游戏、最佳家庭游戏，并提名最佳叙事、最佳艺术指导、最佳游戏指导。</p>
    </div>
    <div class="meida-right">
        <img src="img/xuewu.png" class="img-thurmbnail">
    </div>
</div>
</div>

</div>   
 
 












<!--尾部-->
<div class="footer">
    <ul class="nav nav-pills nav-justified" >
        <li><a href="#">Steam平台</a></li>
        <li><a href="#">小黑盒</a></li>
        <li><a href="#">Xbox会员</a></li>
        <li><a href="#">EA平台</a></li>
        <li><a href="#">橘子平台</a></li>
    </ul>
    <div class="row">
         <div class="col-md-6 col-sm-12">
            <p>邮箱:131513515@163.com</p>
            <p>公司地址：美国</p>
            <p>约瑟夫·法里斯（Josef Fares）@版权所有</p>
         </div>
         <div class="col-md-6 col-sm-12">
               <img src="img/erweima.jpg" >
         </div>
    </div>
</div>
</body>
</html>